<template>
   <heads>
  
   </heads>
   <ul class="nav">
    <li>
        <router-link to="/home/goods">首页</router-link>
    </li>
    <li>
        <router-link to="/eva">评价</router-link>
    </li>
    <li>
        <router-link to="/shoper">商家</router-link>
    </li>
   </ul>
    <router-view></router-view>

<div class="dianCar"  v-show="isShow"  >
    <div class="top" @click="changeIsShow"></div>
    <div class="bottom">
        <p>购物车</p>
        <ul>
        </ul>
    </div>
</div>

</template>
<script>
import heads  from './header.vue';
export default{
    components:{
        heads,
    }
   
 
}

</script>

<style scoped>
body{
  height: 800px;  
}


*{
    padding: 0;
    margin: 0;
}
header{
    display: flex;   
}
header>img{

    width: 100%;
}
.nav{
    height: 2.5rem;
    border-bottom: 0.125rem  solid rgb(7,17,27,0.1);
    display: flex;
    align-items: center;
}
.nav>li{
    list-style: none ;
    float: left;
    flex: 1;
    text-align: center;
    font-size: 1rem;
    color: rgb(77, 85, 93);
}
a{
    text-decoration:none;
    color: rgb(77, 85, 93);

}


</style>